*{margin: 0;padding: 0;}
/* 头部+背景 */
.header{
    width: 1100px;
    height: 1402px;
    background: url("./images/header.jpg");
    margin: 0 auto;
    position: relative;
}
/* 头部导航 */
.header_nav{
    width: 217px;
    height: 19px;
    float: left;
    position: absolute;
    top: 18px;
    right: 47px;
}
.header_nav{
    width: 263px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 0; 
}
.header_nav ul a{
    color: #a489a8;
    font-size: 5px;
    line-height: 15px;
    text-decoration: none;
}
.header_nav ul li{
    list-style: none;
}
.header_nav ul li:nth-of-type(1){
    width: 48px;
    height: 15px;
    float: left;
}
.header_nav ul li:nth-of-type(2){
    width: 42px;
    height: 15px;
    float: left;
}
.header_nav ul li:nth-of-type(3){
    width: 62px;
    height: 15px;
    float: left;
}
.header_nav ul li:nth-of-type(4){
    width: 70px;
    height: 15px;
    float: left;
}
/* menu */
.menu{
    width: 222px;
    height: 429px;
    position: absolute;
    top: 14px;
    left: 50px;
}
.menu_b{
    width: 222px;
    height: 94px;
    position: absolute;
    top: 444px;
    left: 50px;
}
/* content主体 */
.content{
    width: 773px;
    height: 959px;
    background: url("./images/content.jpg");
    position: absolute;
    top: 308px;
    right: 30px;
}
.content_top{
    width: 670px;
    height: 167px;
    margin: 119px 0 0 40px;
    display: flex;
    flex-wrap: wrap;
}
.content_top_l{
    width: 244px;
    height: 167px;
}
.content_top_r{
    width: 399px;
    height: 167px;
    margin-left: 27px;
}
.content_top_r_t{
    width: 189px;
    height: 38px;
}
.content_top_r_z{
    width: 399px;
    height: 74px;
}
.content_top_r_b{
    width: 119px;
    height: 30px;
    background: #a89dbd;
    border-radius: 5px;
    font-size: 11px;
    color: #fcf7ff;
    line-height: 30px;
    text-align: center;
}
.content_c{
    width: 670px;
    height: 252px;
    position: relative;
}
.content_c_aa{
    font-size: 15px;
    color: #3f3b38;
    position: absolute;
    top: 29px;
    left: 2px;
}
.content_c_c{
    width: 670px;
    height: 69px;
    margin-top: 67px;
}
.content_c_b{
    width: 518px;
    height: 82px;
    margin: 27px 0 0 70px;
    display: flex;
}
.content_c_b_tb{
    width: 80px;
    height: 82px;
}
.content_c_b_jt{
    width: 30px;
    height: 23px;
    margin: 28px 18px 30px 18px;
}
.bottom{
    width: 670px;
    height: 340px;
    margin-top: 51px;
    font-size: 10px;
}
.bottom_f{
    width: 642px;
    height: 29px;
    margin-top: 15px;
}
.bottom_f p{
    font-size: 11px;
    color: #a3a3a3
}
.bottom_inp{
    width: 670px;
    height: 245px;
    margin-top: 14px;
}
.bottom_inp_y{
    width: 670px;
    height: 32px;
    background: #f9f9f9;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    line-height: 32px;
}
.bottom_inp_y_y{
    font-size: 10px;
    color: #7b7b7b;
    position: absolute;
    left: 24px;
}
.bottom_inp_y_e{
    font-size: 10px;
    color: #7b7b7b;
    position: absolute;
    left: 372px;
}
.bottom_inp_e{
    width: 670px;
    height: 32px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    line-height: 32px;
}
.bottom_inp_e_y{
    font-size: 10px;
    color: #9c90b5;
    position: absolute;
    left: 24px;
}
.bottom_inp_e_e{
    font-size: 10px;
    color: #b7b7b7;
    position: absolute;
    left: 152px;
}
.bottom_inp_e_ee{
    font-size: 10px;
    color: #b7b7b7;
    position: absolute;
    left: 152px;
    color: #9a8491;

}
.bottom_inp_s{
    width: 670px;
    height: 32px;
    position: relative;
    line-height: 32px;
}
.bottom_inp_l{
    width: 670px;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}